.roomImgLists {
    margin-top: 0;
    padding-top: 0;
    overflow-x: scroll;
    overflow-y: hidden;
}

.roomImgLists ul {
    display: inline;
    padding-left: 0;
    white-space: nowrap;
}

.roomImgLists ul li {
    list-style: none;
    text-align: center;
    margin-right: 5px;
    height: 106px;
    display: inline-block;
    white-space: nowrap;
}

.roomImgLists ul li a {
    background-color: #95acb1;
    color: #000000;
    display: inline-block;
    text-decoration: unset;
}

.current {
    border: 2px solid red;
}

input[type="range"] {
    display: block;
    -webkit-appearance: none;
    background-color: #2196F3;
    width: 150px;
    height: 5px;
    border-radius: 5px;
    margin: 0 auto;
    outline: 0;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #009688;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {
    background-color: white;
    border: 1px solid #49a9ee;
}

input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.1);
}

.contextmenu {
    display: none;
    position: absolute;
    width: 200px;
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    z-index: 99;
}

.contextmenu li {
    border-left: 3px solid transparent;
    transition: ease 0.3s;
}

.contextmenu li:hover {
    background: #CE93D8;
    border-left: 3px solid #9C27B0;
}

.contextmenu li a {
    display: block;
    padding: 10px;
    color: #000000;
    text-decoration: none;
    transition: ease 0.3s;
}

.contextmenu li:hover a {
    color: #FF0000;
}

.layui-form-label {
    text-align: left;
    float: none;
    width:94px;
}
#layer_colorpicker_disable .layui-input-inline{
    width: 110px;
}



/*show*/
.show-box {
    height: auto;
    width: 1450px;
    /*margin: 0 auto;*/
}

.show-box .box {
    width: 1024px;
    display: inline-block;
}

.mainBgDiv {
    position: relative;
    z-index: 1;
}
.mainBgDivtransform {
    position: relative;
    margin-top:-771px;
    z-index: -1;
}
.mainBgDivpolygon {
    position: relative;
    margin-top:-771px;
    z-index: 0;
}

.mainBgDiv canvas {
    width: 100%;
}

.right-nav {
    width: 190px;
    height: 900px;
    /*overflow-y: auto;*/
    display: inline-block;
    vertical-align: top;
}

.right-nav .layui-inline {
    width: 190px;
}

.right-nav-form {
    /*position: absolute;*/
}
.right-nav-body {
    height: 716px;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
}

.right-nav-1 {
    width: 190px;
    height: 900px;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
    border-style: groove;
}


/*@media screen and (max-width: 1023px) {*/


/*    .show-box .box {*/
/*        width: 760px;*/
/*    }*/

/*    .right-nav {*/
/*        width: 132px;*/
/*        height: 726px;*/
/*    }*/

/*    .right-nav .layui-inline {*/
/*        width: 132px;*/
/*    }*/

/*    .right-nav-1 {*/
/*        width: 132px;*/
/*        height: 726px;*/
/*    }*/

/*}*/

/*@media screen and (max-width: 750px) {*/
/*    .show-box .box {*/
/*        width: 760px;*/
/*    }*/

/*    .right-nav {*/
/*        width: 132px;*/
/*        height: 726px;*/
/*    }*/

/*    .right-nav .layui-inline {*/
/*        width: 132px;*/
/*    }*/

/*    .right-nav-1 {*/
/*        width: 132px;*/
/*        height: 726px;*/
/*    }*/

/*}*/
